<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GO-IOT-GATEWAY</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }

        table caption {
            font-size: 2em;
            font-weight: bold;
            margin: 1em 0;
        }

        th, td {
            border: 1px solid #999;
            /*text-align: center;*/
            width: 250px;
            padding: 1px 0;
        }

        table thead tr {
            background-color: #008c8c;
            color: #fff;
        }

        table tbody tr:nth-child(odd) {
            background-color: #eee;
        }

        table tbody tr:hover {
            background-color: #ccc;
        }

        table tbody tr td:first-child {
            color: #f40;
        }

        body {
            margin: 1px
        }

    </style>
</head>
<body>

<table>
    <thead>
    <tr>
        <td>设备</td>
        <td>key</td>
        <td>值</td>
        <td>质量</td>
        <td>时间</td>
        <td>描述</td>
        <td>数据类型</td>
        <td>通道</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>xd</td>
        <td>x</td>
        <td>xx</td>
        <td>xx</td>
        <td>xx</td>
        <td>xx</td>
        <td>xx</td>
        <td>xx</td>
    </tr>
    </tbody>
</table>

</body>
</html>